<!-- saved from url=(0022)http://internet.e-mail -->

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Create account with FindFoodTruck.com  </title>
<style type="text/css">
body {
	text-align: center;
}
</style>
<script>
	function validation() {

		valid = true;

		var reg_email = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,45})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
		var reg_password = /^[A-Za-z0-9]{3,20}$/;
		var reg_name = /^[A-Za-z]{3,20}$/;
		var reg_zip = /^[0-9]{5}$/;

		if (!reg_email.test(document.form1.email.value)) {
			document.getElementById('email').innerHTML = '<font color="red">Eg: abc@abc.com (max 45 char )</font>';
			valid = false;
		}

		if (!reg_password.test(document.form1.password.value)) {
			document.getElementById('password').innerHTML = '<font color="red">Password must be 3- 20 char with only numbers ,digits</font>';
			valid = false;
		}

		if (!reg_name.test(document.form1.fname.value)) {
			document.getElementById('uservalidation').innerHTML = '<font color="red">Name must contain only alphabets</font>';
			valid = false;
		}

		if (!reg_name.test(document.form1.lname.value)) {
			document.getElementById('lastname').innerHTML = '<font color="red">Name must contain only alphabets</font>';
			valid = false;
		}

		if (!reg_name.test(document.form1.city.value)) {
			document.getElementById('city').innerHTML = '<font color="red">MAXIMUM 45 APLPHABETS</font>';
			valid = false;
		}

		if (!reg_name.test(document.form1.state.value)) {
			document.getElementById('state').innerHTML = '<font color="red">MAXIMUM 45 APLPHABETS</font>';
			valid = false;
		}

		if (!reg_zip.test(document.form1.zipcode.value)) {
			document.getElementById('zipcode').innerHTML = '<font color="red">5 DIGIT NUMBER</font>';
			valid = false;
		}

		return valid;
	}
</script>
</head>
<body>
	<div>
		<b>Welcome to FindFoodTruck.com   </b>
	</div>

	<br>
	<form name="form1" id="form1" method="post" action="CreateAccount">
		<fieldset>
			<div>
				<b>Please fill in the details below to create an account for your food trucks</b>
			</div>
			<table>
				<tr>
					<td>Owner's Name</td>
					<td><input type="text" name="owner's name" /></td>
					<td><div id="user validation"></div>
					<td>
				</tr>
				<tr>
					<td>Phone Number</td>
					<td><input type="integer" name="phone number" /></td>
					<td><div id="user validation"></div>
					<td>
				</tr>
				<tr>
					<td>Food Truck Name</td>
					<td><input type="text" name="food truck name" /></td>
					<td><div id="uservalidation"></div>
					<td>
				</tr>
				<tr>
					<td>Food Type</td>
					<td><input type="text" name="food type" /></td>
					<td><div id="food type"></div>
					<td>
				</tr>
				<tr>
					<td>Street Address</td>
					<td><input type="text" name="streetAddress" /></td>
				</tr>
				<tr>
					<td>City</td>
					<td><input type="text" name="city" /></td>
					<td><div id="city"></div>
				</tr>
				<tr>
					<td>State</td>
					<td><input type="text" name="state" /></td>
					<td><div id="state"></div>
				</tr>
				<tr>
					<td>Zip Code</td>
					<td><input type="Integer" name="zipcode" /></td>
					<td><div id="zipcode"></div>
				</tr>
				<tr>
					<td>Email Id (acts as username)</td>
					<td><input type="text" name="email" /></td>
					<td><div id="email"></div>
					<td>
				</tr>
				<tr>
					<td>Password</td>
					<td><input type="password" name="password" /></td>
					<td><div id="password"></div>
					<td>
				</tr>


			</table>
		</fieldset>
		<div class="form-row">
			<input class="CreateAccount" type="submit" value="Create Account"
				onclick="return validation()">

		</div>





	</form>


</body>
</html>